// 尺寸
@function size($type: "s") {
  @if ($type == "s") {
    @return var(--size);
  }
  @if ($type == "m") {
    @return calc(var(--size) * 1.2);
  }
  @if ($type == "l") {
    @return calc(var(--size) * 1.4);
  }
  @if ($type == "xl") {
    @return calc(var(--size) * 1.6);
  }
  @if ($type == "xxl") {
    @return calc(var(--size) * 1.8);
  }
  @if ($type == "xxxl") {
    @return calc(var(--size) * 2);
  }
  @if ($type == "max") {
    @return calc(var(--size) * 2.4);
  }
  @return calc(var(--size) * $type);
}

// transition的动画
@function animate($property, $name) {
  @if ($name == "bounce") {
    @return $property var(--transition-bounce) var(--transition-time);
  }
  @if ($name == "ease") {
    @return $property var(--transition-ease) var(--transition-time);
  }
  @if ($name == "linear") {
    @return $property var(--transition-linear) var(--transition-time);
  }
  @return $property var(--transition-time);
}
